<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/WEB-INF/jsp/includeTaglib.jsp" %>

<style>
	#selectable .ui-selecting { background: #f1f1f1; }
	#selectable .ui-selected { background: #f1f1f1; color: white; }
	#selectable { list-style-type: none; margin: 0; padding: 0; width: 95%; }
	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
</style>

<div style="height: 500px;">
	
	
		<div class="globalText" style="padding: 5px;border: solid 1px #999999;margin: 5px;width: 340px;" >
			<form id="empSearchForm">
			<table class="globalText dbborder" width="100%" border="0" cellpadding="5" cellspacing="5" style="margin: 5px;">
				<tr>
					<td>督导姓名</td>
					<td>
						<input class="txtbox globalText"  style="width: 60px;" type="text" name="empName" />
					</td>
					<td>项目岗位</td>
					<td>
						<select class="globalText" name="titleWithinTheProject">
							<option></option>
							<c:forEach var="title" items="${titles}">
								<option>${title}</option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" class="btnStyle" value="查询督导" onclick="searchEmp();"/>
					</td>
				</tr>
			</table>
			<input type="hidden" name="projectId" value="${projectId}" />
			</form>
		</div>
		
	
	



	<div id="empListDiv" class="divLeft3 globalText" style="width: 35%;float: left;border-right: 1px dashed #B5D6E6;">
		
	</div>
	
	<div id="storeList" class="divLeft3 globalText" style="width: 62%;float: left;margin-top: -90px;">
		
	</div>
	
</div>


<script>
	function searchEmp(){
		
		//$('#empListDiv').load("<c:url value ='/project/beforEditProjectStoresAssignData.html'/>?"+$('#empSearchForm').serialize());
		
		$("#empListDiv").html("loading...");
		
		$.post("<c:url value ='/project/beforEditProjectStoresAssignData.html'/>",
				  $('#empSearchForm').serialize(),
				  function(data){
						$("#empListDiv").html(data);
				  });
		
		
		$('#storeList').empty();
	}

	$(document).ready(function(){
		$('#empListDiv').load("<c:url value ='/project/beforEditProjectStoresAssignData.html'/>?projectId="+${projectId});
	});
</script>